@import "./common.less";
.user {
  // border:1px solid #f00;
  background-color: @borderColor;
  min-height: 100vh;

  .user-top {
    height: 150px;
    // border:1px solid #0f0;
    background: url(../user_bg.png) center center no-repeat ;
    background-size: cover;
    margin-bottom: 10px;
    .user-nav {
      // border:1px solid #0f0;
      padding-top: 20px;
      text-align: right;
      // line-height: 70px;
      .van-icon {
        margin-right: 20px;
        color: @bgColor;
        .font-dpr(26px);
      }
    }
    .user-avatar {
      // border:1px solid #f0f;
      text-align: center;
      img {
        border-radius: 50%;
        max-width: 70px;
      }
      p {
        line-height: 40px;
        color: @bgColor;
        .font-dpr(15px);
      }
    }
    // 为了让.user-collection在top的底部  不得不动top的position
    position: relative;
    .user-collection {
      display: flex;
      // border:1px solid #0ff;
      justify-content: space-around;
      align-items: center;
      // 为了让.user-collection在top的底部 动了它的position
      position: absolute;
      width: 100%;
      bottom: 20px;
      >div {
        color: @fontColorH3;
        .font-dpr(14px);
        text-align: center;
        h5 {
          font-weight: 400;
        }
      }

    }
  }
  .user-content {
    // border:1px solid #00f;
    // min-height: calc(100vh - 320px);
    // background-color: #f0f;
    .user-order {
      border-radius: 6px;
      margin: 6px 15px;
      // border:1px solid #98f;
      background-color: @bgColor;
      padding: 0 10px;
      .order-header {
        display: flex;
        justify-content: space-between;
        line-height: 34px;
        border-bottom: 1Px solid @borderColor;
        
        h5 {
        .font-dpr(14px);

        }
        span {
        .font-dpr(10px);
         color:@fontColorP;
        }
      }
      .order-content {
        
        display: flex;
        justify-content: space-between;
        text-align: center;
        // border: 1px solid red;
        li {
          display: flex;
          a {
            padding: 10px 15px;
            color: @fontColorH3;
            .van-icon {
              .font-dpr(26px);
              color: @priColor;
            }
            p {
              .font-dpr(13px);
            }
          }
        }
      }
    }
    // margin-bottom: 60px;
    .user-address {
      margin-top: 10px;
    }
  }
}